<!DOCTYPE html>
<html>
	<head>
		<title>用户注册</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<!--[if ie 6]>
		<script type="text/javascript" src="js/global/DD_belatedPNG.js"></script>
		<![endif]-->
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/register.js"></script>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/register.css" />
	</head>
	<body>
		<div class="topbar">
			<div class="bar clearfix">
				<ul class="login clearfix">
					<li><label for="username">用户名</label><input type="text" id="username" /></li>
					<li><label for="userpass">密码</label><input type="pass" id="userpass" /></li>
					<li><input type="submit" value="登录" /></li>
					<li><a href="register.html">注册</a><a href="forgetpwd.html">忘记密码</a></li>
					<li><a href="#" class="qq">登录</a></li>
				</ul>
				<ul class="classroom clearfix">
					<li><a href="#">我的课堂</a></li>
					<li><a href="home.html" class="last">第二课堂</a></li>
				</ul>
			</div>
		</div>
		<div class="main clearfix">
			<div class="regist">
				<div class="title clearfix">
					<h2>基本信息</h2>
					<span class="notnull">为必填项</span>
				</div>
				<form action="">
				<table class="reg">
					<tr>
						<th class="notnull"><label>会员类型:</label></th>
						<td class="middle radiotd">
							<input type="radio" name="type" id="student" checked="checked" class="rad"/><label for="student">学生</label>
							<input type="radio" name="type" id="teacher" class="rad"/><label for="teacher">教师</label>
						</td>
						<td class="lastd"><span></span></td>
					</tr>
					<tr>
						<th class="notnull"><label for="mail">注册邮箱:</label></th>
						<td class="middle inputd"><input type="text" id="mail"/></td>
						<td class="lastd"><span>请填写注册邮箱</span></td>
					</tr>
					<tr>
						<th class="notnull"><label for="pwd">登录密码:</label></th>
						<td class="middle inputd"><input type="password" id="pwd"/></td>
						<td class="lastd"><span>请填写登录密码</span></td>
					</tr>
					<tr>
						<th class="notnull"><label for="confirmpwd">确认密码:</label></th>
						<td class="middle inputd"><input type="password" id="confirmpwd"></td>
						<td class="lastd"><span>请确认密码</span></td>
					</tr>
					<tr>
						<th class="notnull"><label for="truename">真实姓名:</label></th>
						<td class="middle inputd"><input type="text" id="truename"/></td>
						<td class="lastd"><span>请填写真实姓名</span></td>
					</tr>
					<tr>
						<th><label for="cellphone">手机:</label></th>
						<td class="middle inputd"><input type="text" id="cellphone"/></td>
						<td class="lastd word"><a href="#" class="smsg">发送验证短信</a><span>手机号码有误</span></td>
					</tr>
					<tr>
						<th><label for="msgcode">短信验证码:</label></th>
						<td class="middle inputd"><input type="text" id="msgcode"/></td>
						<td class="lastd"><span>短信验证码有误</span></td>
					</tr>
					<tr>
						<th></th>
						<td colspan="2">如果1分钟内没有收到验证短信，您可再次点击“发送验证短信”按钮，重新验证。</td>
					</tr>
					<tr>
						<th><label for="verifycode">验证码:</label></th>
						<td class="middle verifytd"><input type="text" id="verifycode"/><img src="images/yes.png"></td>
						<td class="lastd word"><a href="#">看不清？换一张</a><span>请输入验证码</span></td>
					</tr>
					<tr>
						<th></th>
						<td colspan="2"><button type="submit" class="regbtn">注册</button></td>
					</tr>
					<tr>
						<th></th>
						<td colspan="2" class="chktd"><input type="checkbox" />同意<a href="">《用户协议》</a></td>
					</tr>
				</table>
				</form>
			</div>
			<div class="registed">
				<div class="title">
					已注册会员，请点击此处<a href="javascript:void(0)" id="login">登录</a>
				</div>
				<ul class="coologin">
					<li>使用合作网站登录1000家教网<a href="#" class="qq">QQ登录</a></li>
					<li><img src="images/study.jpg" alt="Study" /></li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<div class="statement">
				<ul class="clearfix">
					<li><a href="#">京ICP备9527号</a></li>
					<li>京公网安备0000009527000号</li>
					<li><a href="#">第二课堂&copy;2012</a></li>
					<li><a href="#">隐私声明</a></li>
					<li><a href="#">关于</a></li>
				</ul>
				<div class="contact">电话：15000000000&nbsp;&nbsp;QQ：00000000&nbsp;&nbsp;邮箱：00000000@xxxxx.com</div>
			</div>
		</div>

		<div class="cover" id="cover">
			<div class="loginpane" id="panel">
				<a href="javascript:void(0)" class="close" id="close">关闭</a>
				<div class="loginlogo"></div>
				<form action="">
					<ul class="loginform">
						<li class="fortype"><label for="loginuser">用户名</label></li>
						<li class="typein"><input type="text" id="loginuser"/></li>
						<li class="fortype"><label for="loginpwd">密码</label></li>
						<li class="typein"><input type="password" id="loginpwd"/></li>
						<li class="forgetpass"><a href="forgetpwd.html">忘记密码 ?</a></li>
					</ul>
					<div class="submit clearfix">
						<ul class="left">
							<li>使用<a href="#" class="qq">QQ登录</a>1000家教网</li>
							<li></li>
						</ul>
						<div class="left"><button class="loginow">登录</button></div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>